<script setup lang="ts">

import ClientUserNav from "@/components/ClientUserNav.vue";

// const msg = "<p><strong>输入</strong></p><pre><code >nums = [2, 7, 11, 15]\n" +
//     "target = 9</code></pre><p><strong>输出</strong></p><pre><code >null</code></pre><p><strong>预期结果</strong></p><pre><code >[0, 1]</code></pre><p><br></p>"
</script>

<template>
  <div class="container">
    <div class="content">
      <div class="header">
        <div class="left">
          <el-menu
              default-active="/client/home/problem"
              class="el-menu-demo"
              mode="horizontal"
              router
          >
            <el-menu-item index="/client/home/problem">题库</el-menu-item>
          </el-menu>
        </div>
        <div class="right">
          <ClientUserNav/>
        </div>
      </div>
      <div class="main">
        <router-view/>
      </div>
    </div>
  </div>
</template>

<style scoped lang="scss">
.container {
  display: flex;
  justify-content: center;
  width: 100vw;

  .content {
    .header {
      border-bottom: #dcdfe6 1px solid;
      display: flex;
      align-items: center;
      justify-content: space-between; // 确保生效
      width: 100%; // 确保宽度足够
      .left {
        width: 600px;
        :deep(.el-menu--horizontal) {
          border: 0;
        }
      }
      .right {
        width: 100px;
      }
    }

    .main {
      padding-top: 20px;
    }
  }
}
</style>
